<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>酒店详情页</title>
    <script src="js/fontSize.js"></script>
    <link rel="stylesheet" href="css/common.min.css">
    <link rel="stylesheet" href="css/City-Travel-HoteDetail.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3028513_5pvjqw0dnh5.css">
</head>

<body>
    <div id="app">
        <div class="taro_router" style="height: 100%;">
            <div class="taro_page" style="min-height: 100%;">
                <div class="page-hotel detail-page">
                    <div class="detail-page-content">
                        <div scrolly="true" class="taro-scroll taro-scroll-view__scroll-y detailscroll"
                            style="height: 100%;">
                            <div class="detail-header-box">
                                <div class="app-header">
                                    <div class="icon icon-back">
                                        <i class="iconfont icon-fanhuijiantou"></i>
                                    </div>
                                </div>
                                <div class="swiper-box">
                                    <div class="swiper-cont">
                                        
                                    </div>
                                    <div class="hotel-base-info">
                                        <div class="hbl-box">
                                            
                                        </div>
                                        <div class="hotel-base-right">
                                            <div class="pic-num">144</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="detailBaseInfo" class="detail-hotel-info">
                                <div class=""></div>
                                <div class="detail-hotel-info-box  has-special-sale">
                                    <div class="info-item address">
                                        <div class="address-box">
                                            
                                        </div>
                                        <div class="setMap-box">
                                            <div class="setMap">地图</div>
                                        </div>
                                    </div>
                                    <div class="info-item comment ">
                                        <div class="score-box arrow-r">
                                            
                                        </div>
                                        <div class="c-tags">
                                            
                                        </div>
                                    </div>
                                    <div class="info-item feature arrow-r">
                                        <div class="">
                                            <div class="top"><span class="taro-text date">2012年开业</span><span
                                                    class="taro-text date">2018年装修</span></div>
                                            <div class="f-tags">
                                                <div class="f-item f-icon-208">会议设施</div>
                                                <div class="f-item f-icon-1311">餐厅</div>
                                                <div class="f-item f-icon-24">24小时前台</div>
                                                <div class="f-item f-icon-17">行李寄存</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="theme-box"></div>
                            <div class="detail-login-box arrow-r">
                                <div class="lg-txt">登录享会员低价，<span class="taro-text lg-strong">最高8折优惠</span></div>
                            </div>
                            <div class="rooms-box">
                                <div id="detailRoomList" class="">
                                    <div class="detail-room-list">
                                        <div class="">
                                            <div class="detail-filter-box show">
                                                <div class="dfb-wrap  arrow-r">
                                                    <div class="check-in-out ">
                                                        <div class="i-date"><span
                                                                class="taro-text date">01-06</span><span
                                                                class="taro-text week">今天</span><span
                                                                class="taro-text tip">入住</span></div><span
                                                            class="taro-text diff">1晚</span>
                                                        <div class="o-date"><span
                                                                class="taro-text date">01-07</span><span
                                                                class="taro-text week">明天</span><span
                                                                class="taro-text tip">离店</span></div>
                                                    </div>
                                                </div>
                                                <div class="filter">
                                                    <div class="filter-list">
                                                        <div class="filter-list-wrapper"><span
                                                                class="taro-text f-item  ">双人早餐</span><span
                                                                class="taro-text f-item  ">单人早餐</span><span
                                                                class="taro-text f-item  ">到店付</span><span
                                                                class="taro-text f-item  ">免费取消</span></div>
                                                    </div>
                                                    <div class="f-btn ">筛选<span class="taro-text arrow-b"></span></div>
                                                </div>
                                                <div class="filter-pop-page">
                                                    <div class="page-content">
                                                        <div class="title-info">筛选<div class="close"><span
                                                                    class="taro-text icon"></span></div>
                                                        </div>
                                                        <div class="info-box">
                                                            <div class="type-item"><span
                                                                    class="taro-text name">床型</span>
                                                                <div class="item-list"><span
                                                                        class="taro-text f-item  ">大床</span><span
                                                                        class="taro-text f-item  ">双床</span></div>
                                                            </div>
                                                            <div class="type-item"><span
                                                                    class="taro-text name">早餐</span>
                                                                <div class="item-list"><span
                                                                        class="taro-text f-item  ">含早餐</span><span
                                                                        class="taro-text f-item  ">单人早餐</span><span
                                                                        class="taro-text f-item  ">双人早餐</span><span
                                                                        class="taro-text f-item disabled ">含三早及以上</span><span
                                                                        class="taro-text f-item  ">不含早</span></div>
                                                            </div>
                                                            <div class="type-item"><span
                                                                    class="taro-text name">服务</span>
                                                                <div class="item-list"><span
                                                                        class="taro-text f-item disabled ">含套餐</span><span
                                                                        class="taro-text f-item  ">免费取消</span><span
                                                                        class="taro-text f-item  ">立即确认</span><span
                                                                        class="taro-text f-item  ">同程艺龙直销</span></div>
                                                            </div>
                                                            <div class="type-item"><span
                                                                    class="taro-text name">支付方式</span>
                                                                <div class="item-list"><span
                                                                        class="taro-text f-item  ">在线付</span><span
                                                                        class="taro-text f-item  ">到店付</span></div>
                                                            </div>
                                                            <div class="type-item"><span
                                                                    class="taro-text name">优惠</span>
                                                                <div class="item-list"><span
                                                                        class="taro-text f-item disabled ">含有优惠</span><span
                                                                        class="taro-text f-item disabled ">健康守护优惠</span><span
                                                                        class="taro-text f-item disabled ">有返现</span><span
                                                                        class="taro-text f-item disabled ">可用红包</span><span
                                                                        class="taro-text f-item disabled ">可用券</span><span
                                                                        class="taro-text f-item disabled ">会员特权</span><span
                                                                        class="taro-text f-item disabled ">门店新客</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="footer-btn"><span
                                                                class="taro-text clear disabled">清空选择</span><span
                                                                class="taro-text confirm">确定</span></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="">
                                                <div class="rec-room-wrapper ">
                                                    <div class="rec-room-box">
                                                        <div class="tips">为您推荐<span class="taro-text strong">优选房型</span>
                                                        </div>
                                                        <div id="room0022" class="r-item">
                                                            <div class="r-info">
                                                                <div class="left">
                                                                    <div class="r-img">
                                                                        <div class="taro-img img"><img
                                                                                class="taro-img__mode-aspectfill"
                                                                                data-src="https://pavo.elongstatic.com/i/mobile252_322/nw_14ilSyaBl60.webp"
                                                                                src="https://pavo.elongstatic.com/i/mobile252_322/nw_14ilSyaBl60.webp">
                                                                        </div><span class="taro-text num">8</span>
                                                                    </div>
                                                                    <div class="info"><span
                                                                            class="taro-text name ">精品双床房(不含早)</span>
                                                                        <div class="name i-un-show"><span
                                                                                class="taro-text">精品双床房</span></div>
                                                                        <div class="details"><span
                                                                                class="taro-text txt">40平米</span><span
                                                                                class="taro-text txt">双床1.2米</span><span
                                                                                class="taro-text txt">有窗</span><span
                                                                                class="taro-text txt">2人入住</span></div>
                                                                        <div class="types"><span
                                                                                class="taro-text txt">不可取消</span></div>
                                                                    </div>
                                                                </div>
                                                                <div class="right">
                                                                    <div class="price ">
                                                                        <div class="real real-mosaic">登录查看低价</div>
                                                                    </div>
                                                                    <div class="price i-un-show">
                                                                        <div class="i-un-show"></div>
                                                                        <div class="">
                                                                            <div class="real real-mosaic">登录查看低价</div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="btn"><span
                                                                            class="taro-text txt ">在线付</span></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="rooms">
                                                    <div class="">
                                                        <div id="room0022" class="r-item r-type-0  ">
                                                            <div class="r-info rp-arrow ">
                                                                <div class="left">
                                                                    <div class="r-img">
                                                                        <div class="taro-img img"><img
                                                                                class="taro-img__mode-aspectfill"
                                                                                data-src="https://pavo.elongstatic.com/i/h5hotel350_350/nw_14ilSyaBl60.jpg"
                                                                                src="https://pavo.elongstatic.com/i/h5hotel350_350/nw_14ilSyaBl60.jpg">
                                                                        </div><span class="taro-text num">8</span>
                                                                    </div>
                                                                    <div class="info"><span
                                                                            class="taro-text name">精品双床房</span>
                                                                        <div class="details"><span
                                                                                class="taro-text txt">40平米</span><span
                                                                                class="taro-text txt">双床1.2米</span><span
                                                                                class="taro-text txt">有窗</span><span
                                                                                class="taro-text txt">2人入住</span></div>
                                                                    </div>
                                                                </div>
                                                                <div class="right">
                                                                    <div class="price">
                                                                        <div class="real real-mosaic">登录查看低价</div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- <div class="rp-list ">
                                                                <div class="rp-item    ">
                                                                    <div class="rp-item-box">
                                                                        <div class="tag-best-price ">该房型最优价</div>
                                                                        <div class="left">
                                                                            <div class="info"><span class="taro-text name ">不含早</span>
                                                                                <div class=""><span class="taro-text sub-name"></span></div>
                                                                                <div class="types"><span class="taro-text txt f-c49f">1月16日18点前取消仅扣房费20%</span></div>
                                                                                <div class="types">
                                                                                    <div class="txt i-un-show">代理</div><span class="taro-text txt ">代理</span>
                                                                                </div>
                                                                            </div>
                                                                            <div class="price ">
                                                                                <div class="real real-mosaic"><span class="taro-text sub">¥</span>00</div>
                                                                            </div>
                                                                            <div class="price i-un-show">
                                                                                <div class="i-un-show"></div>
                                                                                <div class="">
                                                                                    <div class="real real-mosaic"><span class="taro-text sub">¥</span>00</div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="right"><span class="taro-text btn t-2">在线付</span></div>
                                                                    </div>
                                                                </div>
                                                                <div class="rp-item    ">
                                                                    <div class="rp-item-box">
                                                                        <div class="tag-best-price compose">
                                                                            <div class=""><span class="taro-text heightred">免费取消</span>最优价</div>
                                                                        </div>
                                                                        <div class="left">
                                                                            <div class="info"><span class="taro-text name ">含单早</span>
                                                                                <div class=""><span class="taro-text sub-name"></span></div>
                                                                                <div class="types"><span class="taro-text txt f-c49f">1月16日18点前可免费取消</span></div>
                                                                                <div class="types">
                                                                                    <div class="txt i-un-show">代理</div><span class="taro-text txt ">代理</span>
                                                                                </div>
                                                                            </div>
                                                                            <div class="price ">
                                                                                <div class="real real-mosaic"><span class="taro-text sub">¥</span>00</div>
                                                                            </div>
                                                                            <div class="price i-un-show">
                                                                                <div class="i-un-show"></div>
                                                                                <div class="">
                                                                                    <div class="real real-mosaic"><span class="taro-text sub">¥</span>00</div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="right"><span class="taro-text btn t-2">在线付</span></div>
                                                                    </div>
                                                                </div>
                                                                <div class="rp-item    ">
                                                                    <div class="rp-item-box">
                                                                        <div class="left">
                                                                            <div class="info"><span class="taro-text name ">含双早</span>
                                                                                <div class="">
                                                                                    <div class="sub-name"><span class="taro-text txt">标准价</span></div>
                                                                                </div>
                                                                                <div class="types"><span class="taro-text txt f-c49f">1月16日17点前可免费取消</span></div>
                                                                                <div class="types">
                                                                                    <div class="txt i-un-show">代理</div><span class="taro-text txt ">代理</span>
                                                                                </div>
                                                                            </div>
                                                                            <div class="price ">
                                                                                <div class="real real-mosaic"><span class="taro-text sub">¥</span>00</div>
                                                                            </div>
                                                                            <div class="price i-un-show">
                                                                                <div class="i-un-show"></div>
                                                                                <div class="">
                                                                                    <div class="real real-mosaic"><span class="taro-text sub">¥</span>00</div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="right"><span class="taro-text btn t-2">在线付</span></div>
                                                                    </div>
                                                                </div>
                                                                <div class="rp-item    ">
                                                                    <div class="rp-item-box">
                                                                        <div class="tag-best-price compose">
                                                                            <div class=""><span class="taro-text heightred">立即确认</span>最优价</div>
                                                                        </div>
                                                                        <div class="left">
                                                                            <div class="info"><span class="taro-text name ">不含早</span>
                                                                                <div class="">
                                                                                    <div class="sub-name"><span class="taro-text txt">标准价</span></div>
                                                                                </div>
                                                                                <div class="types"><span class="taro-text txt f-c49f">免费取消</span></div>
                                                                                <div class="types">
                                                                                    <div class="txt i-un-show">同程艺龙</div><span class="taro-text txt ">同程艺龙</span>
                                                                                </div>
                                                                                <div class="tags tags-new"><span class="taro-text t-item  t-type-立即确认">立即确认</span></div>
                                                                            </div>
                                                                            <div class="price ">
                                                                                <div class="real real-mosaic"><span class="taro-text sub">¥</span>00</div>
                                                                            </div>
                                                                            <div class="price i-un-show">
                                                                                <div class="i-un-show"></div>
                                                                                <div class="">
                                                                                    <div class="real real-mosaic"><span class="taro-text sub">¥</span>00</div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="right"><span class="taro-text btn t-0">到店付</span></div>
                                                                    </div>
                                                                </div>
                                                                <div class="rp-item    ">
                                                                    <div class="rp-item-box">
                                                                        <div class="left">
                                                                            <div class="info"><span class="taro-text name ">不含早</span>
                                                                                <div class="">
                                                                                    <div class="sub-name"><span class="taro-text txt">标准价</span></div>
                                                                                </div>
                                                                                <div class="types"><span class="taro-text txt f-c49f">1月16日18点前可免费取消</span></div>
                                                                                <div class="types">
                                                                                    <div class="txt i-un-show">同程艺龙</div><span class="taro-text txt ">同程艺龙</span>
                                                                                </div>
                                                                                <div class="tags tags-new"><span class="taro-text t-item  t-type-立即确认">立即确认</span><span
                                                                                        class="taro-text t-item  t-type-可开专票">可开专票</span></div>
                                                                            </div>
                                                                            <div class="price ">
                                                                                <div class="real real-mosaic"><span class="taro-text sub">¥</span>00</div>
                                                                            </div>
                                                                            <div class="price i-un-show">
                                                                                <div class="i-un-show"></div>
                                                                                <div class="">
                                                                                    <div class="real real-mosaic"><span class="taro-text sub">¥</span>00</div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="right"><span class="taro-text btn t-2">在线付</span></div>
                                                                    </div>
                                                                </div>
                                                            </div> -->
                                                        </div>
                                                    </div>
                                                    <div class="">
                                                        <div id="room0021" class="r-item r-type-0  ">
                                                            <div class="r-info rp-arrow ">
                                                                <div class="left">
                                                                    <div class="r-img">
                                                                        <div class="taro-img img"><img
                                                                                class="taro-img__mode-aspectfill"
                                                                                data-src="https://pavo.elongstatic.com/i/h5hotel350_350/nw_14ilKJ7f32w.jpg"
                                                                                src="https://pavo.elongstatic.com/i/h5hotel350_350/nw_14ilKJ7f32w.jpg">
                                                                        </div><span class="taro-text num">8</span>
                                                                    </div>
                                                                    <div class="info"><span
                                                                            class="taro-text name">精品大床房</span>
                                                                        <div class="details"><span
                                                                                class="taro-text txt">40平米</span><span
                                                                                class="taro-text txt">大床1.8米</span><span
                                                                                class="taro-text txt">有窗</span><span
                                                                                class="taro-text txt">2人入住</span></div>
                                                                        <div class="tags tags-new"><span
                                                                                class="taro-text t-item  t-type-立即确认">立即确认</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="right">
                                                                    <div class="price">
                                                                        <div class="real real-mosaic">登录查看低价</div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="">
                                                        <div id="room0024" class="r-item r-type-0  ">
                                                            <div class="r-info rp-arrow ">
                                                                <div class="left">
                                                                    <div class="r-img">
                                                                        <div class="taro-img img"><img
                                                                                class="taro-img__mode-aspectfill"
                                                                                data-src="https://pavo.elongstatic.com/i/h5hotel350_350/nw_14ilTVc1onS.jpg"
                                                                                src="https://pavo.elongstatic.com/i/h5hotel350_350/nw_14ilTVc1onS.jpg">
                                                                        </div><span class="taro-text num">8</span>
                                                                    </div>
                                                                    <div class="info"><span
                                                                            class="taro-text name">零压大床房</span>
                                                                        <div class="details"><span
                                                                                class="taro-text txt">40平米</span><span
                                                                                class="taro-text txt">大床1.8米</span><span
                                                                                class="taro-text txt">有窗</span><span
                                                                                class="taro-text txt">2人入住</span></div>
                                                                    </div>
                                                                </div>
                                                                <div class="right">
                                                                    <div class="price">
                                                                        <div class="real real-mosaic">登录查看低价</div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="">
                                                        <div id="room0030" class="r-item r-type-0  ">
                                                            <div class="r-info rp-arrow ">
                                                                <div class="left">
                                                                    <div class="r-img">
                                                                        <div class="taro-img img"><img
                                                                                class="taro-img__mode-aspectfill"
                                                                                data-src="https://pavo.elongstatic.com/i/h5hotel350_350/nw_14ilJSJoLOo.jpg"
                                                                                src="https://pavo.elongstatic.com/i/h5hotel350_350/nw_14ilJSJoLOo.jpg">
                                                                        </div><span class="taro-text num">8</span>
                                                                    </div>
                                                                    <div class="info"><span
                                                                            class="taro-text name">舒睡智能大床房</span>
                                                                        <div class="details"><span
                                                                                class="taro-text txt">35-40平米</span><span
                                                                                class="taro-text txt">大床1.8米</span><span
                                                                                class="taro-text txt">有窗</span><span
                                                                                class="taro-text txt">2人入住</span></div>
                                                                    </div>
                                                                </div>
                                                                <div class="right">
                                                                    <div class="price">
                                                                        <div class="real real-mosaic">登录查看低价</div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="">
                                                        <div id="room0006" class="r-item r-type-0  ">
                                                            <div class="r-info rp-arrow ">
                                                                <div class="left">
                                                                    <div class="r-img">
                                                                        <div class="taro-img img"><img
                                                                                class="taro-img__mode-aspectfill"
                                                                                data-src="https://pavo.elongstatic.com/i/h5hotel350_350/LSbIupXBF6.jpg"
                                                                                src="https://pavo.elongstatic.com/i/h5hotel350_350/LSbIupXBF6.jpg">
                                                                        </div><span class="taro-text num">6</span>
                                                                    </div>
                                                                    <div class="info"><span
                                                                            class="taro-text name">尊享总统套房（两房两厅）</span>
                                                                        <div class="details"><span
                                                                                class="taro-text txt">180平米</span><span
                                                                                class="taro-text txt">多张床</span><span
                                                                                class="taro-text txt">有窗</span><span
                                                                                class="taro-text txt">4人入住</span></div>
                                                                    </div>
                                                                </div>
                                                                <div class="right">
                                                                    <div class="price">
                                                                        <div class="real real-mosaic">登录查看低价</div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="rooms clock-room">
                                                <div id="room-clock" class="r-item r-type-1   rp-hotelmode">
                                                    <div class="r-info  rp-arrow">
                                                        <div class="left">
                                                            <div class="other-name">钟点房<span
                                                                    class="taro-text other-subname">精品小时房随心住</span>
                                                            </div>
                                                        </div>
                                                        <div class="right">
                                                            <div class="price">
                                                                <div class="real real-mosaic">登录查看低价</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="rp-list  ">
                                                        <div class="rp-clock rp-clock-sign0 ">
                                                            <div class="rp-item  rp-sign0 ">
                                                                <div class="left">
                                                                    <div class="r-img">
                                                                        <div class="taro-img img"><img
                                                                                class="taro-img__mode-aspectfill"
                                                                                data-src="https://pavo.elongstatic.com/i/mobile252_322/nw_14ilTVc1onS.jpg"
                                                                                src="https://pavo.elongstatic.com/i/mobile252_322/nw_14ilTVc1onS.jpg">
                                                                        </div><span class="taro-text num">10</span>
                                                                    </div>
                                                                    <div class="info"><span
                                                                            class="taro-text name">零压大床房(2小时)</span><span
                                                                            class="taro-text txt f-c49f">限时取消</span>
                                                                        <div class="types"><span
                                                                                class="taro-text txt">40平米</span><span
                                                                                class="taro-text txt">大床1.8米</span><span
                                                                                class="taro-text txt">2人入住</span></div>
                                                                        <div class="types">
                                                                            <div class="types"><span
                                                                                    class="taro-text txt">可住时段：8:00-22:00</span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="tags tags-new"><span
                                                                                class="taro-text t-item  t-type-可开专票">可开专票</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="right">
                                                                    <div class="price">
                                                                        <div class="real real-mosaic">登录查看低价</div>
                                                                    </div>
                                                                    <div class="wrap-btn"><span
                                                                            class="taro-text btn t-2">在线付</span></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="detail-filter-table none"></div>
                                </div>
                            </div>
                            <div class="detail-highlights-wrapper"><span class="taro-text hl-title">酒店亮点</span>
                                <div class="rank-wrapper">
                                    <div class="rank">
                                        <div class="rank-content"><span
                                                class="taro-text rank-type">热销榜</span>入选「高档酒店热销榜第6名」</div>
                                    </div>
                                    <div class="rank">
                                        <div class="rank-content"><span
                                                class="taro-text rank-type">主题榜</span>入选「商务出行口碑榜第19名」</div>
                                    </div>
                                </div>
                            </div>
                            <div id="detailCheckNotes" class="detail-check-notes"><span
                                    class="taro-text note-tit">入住政策</span>
                                <div class="title-more-box"><span class="taro-text more-text">查看详情</span>
                                    <div class="title-more"><span class="taro-text more-dot"></span><span
                                            class="taro-text more-dot"></span><span class="taro-text more-dot"></span>
                                    </div>
                                </div>
                                <div class="note-item"><span class="taro-text note-name">入离时间</span>
                                    <div class="">
                                        <div class="">
                                            <div class="">全日房，入住时间:14:00之后，离店时间:13:00之前</div>
                                            <div class="">钟点房，请以下单页选择的入住时段为准</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="note-wrap">
                                    <div class="i-un-show">
                                        <div class="note-item"><span class="taro-text note-name">温馨提示</span>
                                            <div class="note-desc ell">仅接待大陆客</div>
                                        </div>
                                    </div>
                                    <div class="">
                                        <div class="note-item"><span class="taro-text note-name">温馨提示</span>
                                            <div class="note-desc ell">仅接待大陆客<div class=""></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="detail-surround-info ">
                                <div class="surround-top">
                                    <div class="st-left"><span class="taro-text surround-name on">美食</span><span
                                            class="taro-text surround-name ">娱乐</span><span
                                            class="taro-text surround-name ">购物</span><span
                                            class="taro-text surround-name ">景点</span><span
                                            class="taro-text surround-name ">交通</span></div>
                                    <div class="st-right">
                                        <div class="btn">更多详情</div>
                                        <div class="title-more"><span class="taro-text more-dot"></span><span
                                                class="taro-text more-dot"></span><span
                                                class="taro-text more-dot"></span></div>
                                    </div>
                                </div>
                                <div class="st-bottom">
                                    <div class="item">
                                        <div class="lbox">
                                            <div class="name">阿刚铁板烧</div>
                                            <div class="addr">金水区艾尚酒店(建业路店)88-4号</div>
                                        </div>
                                        <div class="rbox">
                                            <div class="rname">小吃快餐</div>
                                            <div class="rbox-desc">距酒店约13.3米</div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="lbox">
                                            <div class="name">南湖小院信阳菜(建业路店)</div>
                                            <div class="addr">金水区建业路18号艾尚酒店2楼</div>
                                        </div>
                                        <div class="rbox">
                                            <div class="rname">中餐厅</div>
                                            <div class="rbox-desc">距酒店约21.3米</div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="lbox">
                                            <div class="name">阿五黄河大鲤鱼(建业路店)</div>
                                            <div class="addr">花园西门南100米(商城路口)</div>
                                        </div>
                                        <div class="rbox">
                                            <div class="rname">中餐厅</div>
                                            <div class="rbox-desc">距酒店约59.4米</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="detail-comment">
                                <div class="c-title">真实点评</div>
                                <div class="title-more-box"><span class="taro-text more-text">1550条点评</span>
                                    <div class="title-more"><span class="taro-text more-dot"></span><span
                                            class="taro-text more-dot"></span><span class="taro-text more-dot"></span>
                                    </div>
                                </div>
                                <div class="">
                                    <div class="c-score">
                                        <div class="s-left"><span class="taro-text s-num">4.9</span><span
                                                class="taro-text s-desc">棒极了</span></div>
                                        <div class="s-right"><span class="taro-text s-txt"></span>
                                            <div class="s-list center"><span class="taro-text s-item">卫生<span
                                                        class="taro-text num">4.9</span></span><span
                                                    class="taro-text s-item">位置<span
                                                        class="taro-text num">4.9</span></span><span
                                                    class="taro-text s-item">服务<span
                                                        class="taro-text num">4.9</span></span><span
                                                    class="taro-text s-item">设施<span
                                                        class="taro-text num">4.9</span></span></div>
                                        </div>
                                    </div>
                                    <div class="c-tags">
                                        <div class="t-item"><span class="taro-text t-name">设施设备好</span><span
                                                class="taro-text t-num">237</span></div>
                                        <div class="t-item"><span class="taro-text t-name">停车方便</span><span
                                                class="taro-text t-num">120</span></div>
                                        <div class="t-item"><span class="taro-text t-name">疫情防护好</span><span
                                                class="taro-text t-num">64</span></div>
                                    </div>
                                </div>
                                <div class="c-details">
                                    <span class="taro-text d-name">会员6064</span><span
                                        class="taro-text d-txt">迪迦奥特曼小姐姐服务很棒 已经就飞速的帮我倒水 然后快速的办理了入住 还给我免费升级了房型呢
                                        人美心善又幽默的小姐姐哈哈 酒店设施也是很齐全的呢 如果需要洗衣服 客房的大姐可以立马到房间帮我拿走洗掉 还有小机器人润宝 也很方便 外卖都是它送到房间
                                        很可爱的小机器人 二楼早餐也是挺不错的 酒店的地理环境也是很好 附近有印象汇商场和小吃街 24小时便利店 药店什么的都有 离玉米楼也不远 开车十来分钟的路程
                                        房间也是非常的干净 很不错 让朋友以后也住艾尚来感受迪迦的贴心服务 对了地铁站也开了现在 出行的话太方便了 离4号线和3号线都很近
                                        出去玩还是什么太棒了[强][强] 性价比超高的酒店！
                                        【精品酒店】</span>
                                    <div class="d-pics">
                                        <div class="taro-img pic"><img class="taro-img__mode-aspectfill"
                                                src="https://pavo.elongstatic.com/i/DP120_120/nw_13D0EnGbAxa.jpg">
                                        </div>
                                        <div class="taro-img pic"><img class="taro-img__mode-aspectfill"
                                                src="https://pavo.elongstatic.com/i/DP120_120/nw_13D0EgeDQ6k.jpg">
                                        </div>
                                        <div class="taro-img pic"><img class="taro-img__mode-aspectfill"
                                                src="https://pavo.elongstatic.com/i/DP120_120/nw_13D0Eks64g0.jpg">
                                        </div>
                                        <div class="taro-img pic"><img class="taro-img__mode-aspectfill"
                                                src="https://pavo.elongstatic.com/i/DP120_120/nw_13D0EoVqhNu.jpg">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="detail-businessredpacket-box">
                                <div id="bizRedpacketToast" class="detail-businessredpacket "
                                    style="background-image: url(&quot;undefined&quot;);">
                                    <div class="text">
                                        <div class="top"></div>
                                        <div class="subContent1"></div>
                                        <div class="subContent2"></div>
                                    </div>
                                    <div class="confirm">我知道了</div>
                                </div>
                            </div>
                            <div class="detail-ask-box">
                                <div class="a-tit">
                                    <div class="name">问大家</div>
                                    <div class="title-more-box">
                                        <div class="btn">查看全部</div>
                                        <div class="title-more"><span class="taro-text more-dot"></span><span
                                                class="taro-text more-dot"></span><span
                                                class="taro-text more-dot"></span></div>
                                    </div>
                                </div>
                                <div class="a-list">
                                    <div class="a-item"><span class="taro-text a-icon">问</span><span
                                            class="taro-text question">这里评价好好啊！</span><span
                                            class="taro-text answer">2个回答</span></div>
                                    <div class="a-item"><span class="taro-text a-icon">问</span><span
                                            class="taro-text question">有停车位吗？</span><span
                                            class="taro-text answer">5个回答</span></div>
                                </div>
                            </div>
                            <div id="detailNearHotel" class="detail-near-hotel">
                                <div class="nh-title">附近热卖</div>
                                <div class="nh-hotel-list">
                                    <!-- <div class="list-page-hotel-item-wrap">
                                        <div class="hotel-room-box">
                                            <div class="hotel-image">
                                                <div class="taro-img img"><img class="taro-img__mode-aspectfill"
                                                        src="https://pavo.elongstatic.com/i/mobile252_322/nw_YRlftKybPa.webp">
                                                </div>
                                            </div>
                                            <div class="hotel-info">
                                                <div class="hotel-name"><span
                                                        class="taro-text txt">圣美特酒店(郑州会展中心店)</span>
                                                    <div class="grade grade7"></div><span
                                                        class="taro-text h-type">高档型</span>
                                                </div>
                                                <div class="hotel-section-main">
                                                    <div class="hotel-score">
                                                        <div class="h-score"><span class="taro-text num">4.6</span><span
                                                                class="taro-text comt-str">非常好</span></div>
                                                        <div class="h-rtxt"><span class="taro-text">-停车方便</span></div>
                                                    </div>
                                                    <div class="hotel-location hotel-location2"><span
                                                            class="taro-text">CBD国际会展中心 · 靠近郑州金水印象汇</span></div>
                                                    <div class="hotel-tags"></div>
                                                </div>
                                                <div class="h-info-bottom">
                                                    <div class="h-info-bleft"></div>
                                                    <div class="hotel-price">
                                                        <div class="h-price"><span
                                                                class="taro-text h-p-price h-p-nologin">登录查看低价</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-page-hotel-item-wrap">
                                        <div class="hotel-room-box">
                                            <div class="hotel-image">
                                                <div class="taro-img img"><img class="taro-img__mode-aspectfill"
                                                        src="https://pavo.elongstatic.com/i/mobile252_322/nw_KlunCUv0TC.webp">
                                                </div>
                                            </div>
                                            <div class="hotel-info">
                                                <div class="hotel-name"><span
                                                        class="taro-text txt">昆仑乐居商务酒店(郑州花园路国贸360店)</span>
                                                    <div class="grade grade6"></div><span
                                                        class="taro-text h-type">舒适型</span>
                                                </div>
                                                <div class="hotel-section-main">
                                                    <div class="hotel-score">
                                                        <div class="h-score"><span class="taro-text num">4.9</span><span
                                                                class="taro-text comt-str">棒极了</span></div>
                                                        <div class="h-rtxt"><span class="taro-text">-离地铁站近</span></div>
                                                    </div>
                                                    <div class="hotel-location hotel-location2"><span
                                                            class="taro-text">花园路/经三路沿线 · 靠近黄河路地铁站</span></div>
                                                    <div class="hotel-tags"></div>
                                                </div>
                                                <div class="h-info-bottom">
                                                    <div class="h-info-bleft">
                                                        <div class="hotel-hltip">舒适酒店热销榜No.23</div>
                                                    </div>
                                                    <div class="hotel-price">
                                                        <div class="h-price"><span
                                                                class="taro-text h-p-price h-p-nologin">登录查看低价</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-page-hotel-item-wrap">
                                        <div class="hotel-room-box">
                                            <div class="hotel-image">
                                                <div class="taro-img img"><img class="taro-img__mode-aspectfill"
                                                        src="https://pavo.elongstatic.com/i/mobile252_322/nw_000gNgoH.webp">
                                                </div>
                                            </div>
                                            <div class="hotel-info">
                                                <div class="hotel-name"><span class="taro-text txt">郑州东湖宾馆</span><span
                                                        class="taro-text h-type">舒适型</span></div>
                                                <div class="hotel-section-main">
                                                    <div class="hotel-score">
                                                        <div class="h-score"><span class="taro-text num">4.7</span><span
                                                                class="taro-text comt-str">棒极了</span></div>
                                                        <div class="h-rtxt"><span class="taro-text">-早餐好</span></div>
                                                    </div>
                                                    <div class="hotel-location hotel-location2"><span
                                                            class="taro-text">郑州高铁东站区 · 靠近农业南路地铁站</span></div>
                                                    <div class="hotel-tags"></div>
                                                </div>
                                                <div class="h-info-bottom">
                                                    <div class="h-info-bleft">
                                                        <div class="hotel-hltip">郑州市必住榜No.14</div>
                                                    </div>
                                                    <div class="hotel-price">
                                                        <div class="h-price"><span
                                                                class="taro-text h-p-price h-p-nologin">登录查看低价</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-page-hotel-item-wrap">
                                        <div class="hotel-room-box">
                                            <div class="hotel-image">
                                                <div class="taro-img img"><img class="taro-img__mode-aspectfill"
                                                        src="https://pavo.elongstatic.com/i/mobile252_322/nw_000eWCLb.webp">
                                                </div>
                                            </div>
                                            <div class="hotel-info">
                                                <div class="hotel-name"><span
                                                        class="taro-text txt">维也纳酒店(郑州高铁东站店)</span>
                                                    <div class="grade grade6"></div><span
                                                        class="taro-text h-type">舒适型</span>
                                                </div>
                                                <div class="hotel-section-main">
                                                    <div class="hotel-score">
                                                        <div class="h-score"><span class="taro-text num">4.8</span><span
                                                                class="taro-text comt-str">棒极了</span></div>
                                                        <div class="h-rtxt"><span class="taro-text">-早餐好</span></div>
                                                    </div>
                                                    <div class="hotel-location hotel-location2"><span
                                                            class="taro-text">郑州高铁东站区 · 靠近海汇中心</span></div>
                                                    <div class="hotel-tags"></div>
                                                </div>
                                                <div class="h-info-bottom">
                                                    <div class="h-info-bleft"></div>
                                                    <div class="hotel-price">
                                                        <div class="h-price"><span
                                                                class="taro-text h-p-price h-p-nologin">登录查看低价</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-page-hotel-item-wrap">
                                        <div class="hotel-room-box">
                                            <div class="hotel-image">
                                                <div class="taro-img img"><img class="taro-img__mode-aspectfill"
                                                        src="https://pavo.elongstatic.com/i/mobile252_322/nw_GLHrfBz2CI.webp">
                                                </div>
                                            </div>
                                            <div class="hotel-info">
                                                <div class="hotel-name"><span
                                                        class="taro-text txt">绿城中州国际大饭店(郑州会展中心高铁东站店)</span>
                                                    <div class="grade grade7"></div><span
                                                        class="taro-text h-type">高档型</span>
                                                </div>
                                                <div class="hotel-section-main">
                                                    <div class="hotel-score">
                                                        <div class="h-score"><span class="taro-text num">4.9</span><span
                                                                class="taro-text comt-str">棒极了</span></div>
                                                        <div class="h-rtxt"><span class="taro-text">-早餐好</span></div>
                                                    </div>
                                                    <div class="hotel-location hotel-location2"><span
                                                            class="taro-text">曼哈顿商业区 · 靠近会展中心地铁站</span></div>
                                                    <div class="hotel-tags"></div>
                                                </div>
                                                <div class="h-info-bottom">
                                                    <div class="h-info-bleft">
                                                        <div class="hotel-hltip">郑州市必住榜No.16</div>
                                                    </div>
                                                    <div class="hotel-price">
                                                        <div class="h-price"><span
                                                                class="taro-text h-p-price h-p-nologin">登录查看低价</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-page-hotel-item-wrap">
                                        <div class="hotel-room-box">
                                            <div class="hotel-image">
                                                <div class="taro-img img"><img class="taro-img__mode-aspectfill"
                                                        src="https://pavo.elongstatic.com/i/mobile252_322/nw_FZElthUFPi.webp">
                                                </div>
                                            </div>
                                            <div class="hotel-info">
                                                <div class="hotel-name"><span class="taro-text txt">郑州建业艾美酒店</span><span
                                                        class="taro-text h-type">豪华型</span></div>
                                                <div class="hotel-section-main">
                                                    <div class="hotel-score">
                                                        <div class="h-score"><span class="taro-text num">4.8</span><span
                                                                class="taro-text comt-str">棒极了</span></div>
                                                        <div class="h-rtxt"><span class="taro-text">-早餐好</span></div>
                                                    </div>
                                                    <div class="hotel-location hotel-location2"><span
                                                            class="taro-text">曼哈顿商业区 · 靠近郑州金水印象汇</span></div>
                                                    <div class="hotel-tags"></div>
                                                </div>
                                                <div class="h-info-bottom">
                                                    <div class="h-info-bleft">
                                                        <div class="hotel-hltip">郑州市必住榜No.11</div>
                                                    </div>
                                                    <div class="hotel-price">
                                                        <div class="h-price"><span
                                                                class="taro-text h-p-price h-p-nologin">登录查看低价</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-page-hotel-item-wrap">
                                        <div class="hotel-room-box">
                                            <div class="hotel-image">
                                                <div class="taro-img img"><img class="taro-img__mode-aspectfill"
                                                        src="https://pavo.elongstatic.com/i/mobile252_322/nw_XbdH8Mq6TC.webp">
                                                </div>
                                            </div>
                                            <div class="hotel-info">
                                                <div class="hotel-name"><span
                                                        class="taro-text txt">喜鹊CC酒店(郑州郑汴路CBD会展中心店)</span>
                                                    <div class="grade grade6"></div><span
                                                        class="taro-text h-type">舒适型</span>
                                                </div>
                                                <div class="hotel-section-main">
                                                    <div class="hotel-score">
                                                        <div class="h-score"><span class="taro-text num">4.9</span><span
                                                                class="taro-text comt-str">棒极了</span></div>
                                                        <div class="h-rtxt"><span class="taro-text">-前台热情</span></div>
                                                    </div>
                                                    <div class="hotel-location hotel-location2"><span
                                                            class="taro-text">曼哈顿商业区 · 靠近印象汇(金水区店)</span></div>
                                                    <div class="hotel-tags"></div>
                                                </div>
                                                <div class="h-info-bottom">
                                                    <div class="h-info-bleft"></div>
                                                    <div class="hotel-price">
                                                        <div class="h-price"><span
                                                                class="taro-text h-p-price h-p-nologin">登录查看低价</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-page-hotel-item-wrap">
                                        <div class="hotel-room-box">
                                            <div class="hotel-image">
                                                <div class="taro-img img"><img class="taro-img__mode-aspectfill"
                                                        src="https://pavo.elongstatic.com/i/mobile252_322/nw_WXPz6jU0cE.webp">
                                                </div>
                                            </div>
                                            <div class="hotel-info">
                                                <div class="hotel-name"><span
                                                        class="taro-text txt">松子时尚酒店(郑州CBD会展中心店)</span>
                                                    <div class="grade grade7"></div><span
                                                        class="taro-text h-type">舒适型</span>
                                                </div>
                                                <div class="hotel-section-main">
                                                    <div class="hotel-score">
                                                        <div class="h-score"><span class="taro-text num">4.6</span><span
                                                                class="taro-text comt-str">非常好</span></div>
                                                        <div class="h-rtxt"><span class="taro-text">-交通便利</span></div>
                                                    </div>
                                                    <div class="hotel-location hotel-location2"><span
                                                            class="taro-text">曼哈顿商业区 · 靠近郑州金水印象汇</span></div>
                                                    <div class="hotel-tags"></div>
                                                </div>
                                                <div class="h-info-bottom">
                                                    <div class="h-info-bleft"></div>
                                                    <div class="hotel-price">
                                                        <div class="h-price"><span
                                                                class="taro-text h-p-price h-p-nologin">登录查看低价</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="list-page-hotel-item-wrap">
                                        <div class="hotel-room-box">
                                            <div class="hotel-image">
                                                <div class="taro-img img"><img class="taro-img__mode-aspectfill"
                                                        src="https://pavo.elongstatic.com/i/mobile252_322/nw_L12XT7eCTS.webp">
                                                </div>
                                            </div>
                                            <div class="hotel-info">
                                                <div class="hotel-name"><span
                                                        class="taro-text txt">全季酒店(郑州会展中心中州大道店)</span>
                                                    <div class="grade grade6"></div><span
                                                        class="taro-text h-type">舒适型</span>
                                                </div>
                                                <div class="hotel-section-main">
                                                    <div class="hotel-score">
                                                        <div class="h-score"><span class="taro-text num">4.8</span><span
                                                                class="taro-text comt-str">棒极了</span></div>
                                                        <div class="h-rtxt"><span class="taro-text">-停车方便</span></div>
                                                    </div>
                                                    <div class="hotel-location hotel-location2"><span
                                                            class="taro-text">经济开发区 · 靠近东建材(公交站)</span></div>
                                                    <div class="hotel-tags"></div>
                                                </div>
                                                <div class="h-info-bottom">
                                                    <div class="h-info-bleft"></div>
                                                    <div class="hotel-price">
                                                        <div class="h-price"><span
                                                                class="taro-text h-p-price h-p-nologin">登录查看低价</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> -->
                                </div>
                            </div>
                            <div id="detailHistoryList" class="detail-history-box">
                                <div class="h-tit"><span class="taro-text name">浏览历史</span></div>
                                <div class="h-list">
                                    <div class="h-item">
                                        <div class="name"><span class="taro-text">艾尚酒店(郑州中州大道郑汴路店)</span></div><span
                                            class="taro-text price price-mosaic">登录查看低价</span>
                                    </div>
                                </div>
                            </div>
                            <div class="detail-footer-box">
                                <div class="h-phone">
                                    <div class="name">联系酒店</div>
                                    <div class="txt">拨打电话</div>
                                </div>
                                <div class="phone-pop-model ">
                                    <div class="model-content">
                                        <div class="pp-title"><span class="taro-text name">客服电话</span><span
                                                class="taro-text close">取消</span></div>
                                        <div class="list"><span class="taro-text l-item">国内电话：95711</span><span
                                                class="taro-text l-item">国内·港澳台电话：86-551-6529-977</span><span
                                                class="taro-text l-item">海外电话：86-551-6529-977</span><span
                                                class="taro-text l-item">酒店电话：0371-66008888</span><span
                                                class="taro-text l-item">酒店电话：0371-66337555</span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="detail-pricedesc-wrapper"><span class="taro-text price-desc-title">价格说明</span>
                                <div class="price-desc">
                                    划线价格指商品或服务的门市价、服务提供商的指导价、零售价或该商品或服务曾经展示过的销售价等，并非原价；产品信息实时更新、市场价格波动等原因都可能导致价格与您预订时展示的价格不一致，该价格仅供您参考。
                                    <div class="">
                                        未划线价格指商品或服务的实时标价，为在划线价基础上计算的优惠金额。具体成交价格根据商品或服务参与的活动，或会员使用优惠券等具体情况发生变动，最终以订单结算价格为准。
                                    </div>
                                    <div class="">此说明仅当出现价格比较时有效。若服务提供商单独对划线价格进行说明的，以服务提供商的说明为准。如有疑问，您可以在预订前联系客服进行咨询。
                                    </div>
                                </div>
                            </div>
                            <div class="footer-slogan  ">
                                <div class="supplier-licence">供应商证照信息&gt;&gt;</div>
                            </div>
                            <div class="detail-problems-box">
                                <div class="detail-problems">
                                    <div class="left">
                                        <div class="question my-question"></div><span
                                            class="taro-text p-tit">常见问题</span>
                                    </div>
                                    <div class="viewroom">查看房型报价</div>
                                </div>
                            </div>
                        </div>
                        <div class="fix-hander-navigate">
                            <div class="fn-name active">酒店预订</div>
                            <div class="fn-name ">入住政策</div>
                            <div class="fn-name ">附近热卖</div>
                            <div class="fn-name ">浏览历史</div>
                            <div class="fix-hander-navigate-glide" style="left: 12.5%;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/axios.js"></script>
    <script>
        // console.log(location.search.split("=")[1]);
        let swiperCont = document.querySelector(".detail-header-box .swiper-box .swiper-cont")
        let swiperTitle = document.querySelector(".detail-header-box .swiper-box .hotel-base-info .hbl-box")
        let detailBaseInfo = document.querySelector("#detailBaseInfo")
        let address = detailBaseInfo.querySelector(".detail-hotel-info-box .address .address-box")
        let comment = detailBaseInfo.querySelector(".detail-hotel-info-box .comment .score-box")
        let cTags = detailBaseInfo.querySelector(".detail-hotel-info-box .comment .c-tags")
        let detailNearHotel = document.querySelector("#detailNearHotel")
        let nhHotelList = detailNearHotel.querySelector(".nh-hotel-list")
        let str,str1;
        axios.get("http://localhost:3001/home_detail_list", {
            params: {
                id:location.search.split("=")[1]
            }
        }).then(res => {
            // console.log(res.data.data[0]);
            let item = res.data.data[0]
            //图片
            swiperCont.innerHTML = `
                <div class="taro-img swiper-img">
                    <img class="taro-img__mode-aspectfill" src="${item.img}">
                </div>
            `
            //标题
            swiperTitle.innerHTML = `
                <div class="hotel-base-left">
                    <span class="taro-text hotel-name">${item.title}</span>
                    <div class="hbi-star">
                        <span class="taro-text level">${item.type}</span>
                        <span class="taro-text grade grade6"></span>
                    </div>
                </div>
            `
            //介绍
            address.innerHTML = `
                <div class="desc">${item.title}</div>
                <div class="addr ar-4">${item.place}</div>
                <div class="addr ar-4">${item.hrtxt__spancontains_class_tarotext}</div>
            `
            //评分
            comment.innerHTML = `
                <span class="taro-text score">${item.num}</span>
                <span class="taro-text desc">${item.tarotext}</span>
                <div class="count">
                    <span class="taro-text num">${Math.floor(Math.random()*(100-75+1)+75)}%好评</span>
                    <span class="taro-text num">${item.hrecnt__spancontains_class_tarotext}</span>
                </div>
            `
            //标签
            let tags = item.keyword.split(",")
            str = ''
            tags.forEach(item => {
                str += `
                    <div class="c-item">${item}<span class="taro-text num">${Math.floor(Math.random()*(500-70+1)+70)}</span></div>
                `
            });
            cTags.innerHTML = str
        }).catch(err => {
            console.log(err);
        })
        axios.get("http://localhost:3001/hotel_list", {
            params: {
                limit: Math.floor(Math.random()*(101))
            }
        }).then(res => {
            console.log(res);
            str1 = ''
            res.data.data.forEach(item => {
                str1 += `
                    <div class="list-page-hotel-item-wrap">
                        <div class="hotel-room-box">
                            <div class="hotel-image">
                                <div class="taro-img img"><img class="taro-img__mode-aspectfill"
                                        src="${item.img}">
                                </div>
                            </div>
                            <div class="hotel-info">
                                <div class="hotel-name"><span
                                        class="taro-text txt">${item.title}</span>
                                    <div class="grade grade7"></div><span
                                        class="taro-text h-type">${item.type}</span>
                                </div>
                                <div class="hotel-section-main">
                                    <div class="hotel-score">
                                        <div class="h-score"><span class="taro-text num">4.6</span><span
                                                class="taro-text comt-str">${item.tarotext}</span></div>
                                        <div class="h-rtxt"><span class="taro-text">${item.hrtxt__spancontains_class_tarotext}</span></div>
                                    </div>
                                    <div class="hotel-location hotel-location2"><span
                                            class="taro-text">${item.place}</span></div>
                                    <div class="hotel-tags"></div>
                                </div>
                                <div class="h-info-bottom">
                                    <div class="h-info-bleft"></div>
                                    <div class="hotel-price">
                                        <div class="h-price"><span
                                                class="taro-text h-p-price h-p-nologin">登录查看低价</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                `
            })
            nhHotelList.innerHTML = str1
        }).catch(err => {
            console.log(err);
        })
    </script>
    <script src="js/City-Travel-HoteDetail.js"></script>
</body>

</html>